<template>
     <div class="use navbar-nav nav row">
          <div class="useCon">
            <h4>媒体大脑</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
            <div><a href="#"  class="liji">立即试用</a></div>
          </div>
    </div>
</template>
<script>

</script>
<style>
  .use {width: 100%;height: 250px;}
  .useCon{width: 43%;display: flex;justify-content:center;align-items: center;flex-wrap: wrap;margin:0 auto}
  .useCon h4,.wrap .use .useCon p,.wrap .use .useCon div{width: 100%;text-align: center;}
  .useCon h4{font-weight: bolder;height: 50px;line-height: 50px;}
  .liji{width: 150px;height: 40px;line-height:40px;margin-top:20px;color: #337ab7;border: 1px solid #8BABD1;border-radius: 4px;text-align:center;color:#8BABD1;display:inline-block}
  .liji:hover{background:#8BABD1;color:#fff;}
</style>